import { ReactComponent as PanIcon } from '@/shared/icons/emoji/pan-icon.svg';

import { MythCard } from './MythCard';
import cs from './MythCard.module.scss';

export const MythCard4 = () => (
  <MythCard
    myth={
      <div className={cs.children}>
        <p>Домашняя еда полезнее, чем магазинное пюре в&nbsp;баночках. Там одни консерванты!</p>
        <div className={cs.icon}>
          <PanIcon />
        </div>
      </div>
    }
    truth={
      <p>
        Как домашние консервации могут длительно храниться без каких-то особых манипуляций, так и&nbsp;детское питание в
        магазине за счет тепловой обработки, безвоздушной упаковки стоит в&nbsp;магазине даже без холодильника.
        Производится оно на промышленных предприятиях с очень высокими требованиями к&nbsp;безопасности и проходит
        проверки. Даже наоборот, в домашних условиях не всегда возможно обеспечить такой уровень безопасности и уж точно
        проверять домашнее на&nbsp;наличие патогенов никто не будет.
      </p>
    }
  />
);
